import { AtButton } from "taro-ui";

import { View, Image } from "@tarojs/components";
import "taro-ui/dist/style/components/button.scss"; // 按需引入
import "./index.scss";
import headerBg from "../../status/bj-01.png";
import GlobalFooter from "../../components/GlobalFooter";

/**
 * 首页
 */
export default () => {
  return (
    <View className="indexPage">
      <View className="at-article__h1 title">MBTI 性格测试</View>
      <View className="at-article__h3 subTitle">
        MBTI
        是一种人格评估工具，将人格分为16种类型。它通过四对特征（外向/内向、感觉/直觉、思考/情感、判断/知觉）帮助人们了解自身性格，促进个人成长和团队合作。
      </View>
      <AtButton type="primary" circle className="enterBtn">
        开始测试
      </AtButton>
      <Image className="headerBg" src={headerBg} />
      <GlobalFooter />
    </View>
  );
};
